<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<title>关联工作日志</title>
		<!-- css代码 start -->
		<link href="../../../../css/mui.min.css" rel="stylesheet" />
		<link href="../../../../css/global.css" rel="stylesheet" />
		<link href="../../../../css/style.css" rel="stylesheet" />
		<link href="../../../../css/checkbox.css" rel="stylesheet" />
		<style type="text/css">
			.item_box .item .text span{
				width: 100px;
			}
			.item_box .item .type{
				padding: 5px 0 5px 0;
			}
			.lolwidth{
				width: 105px;
				float: left;
			}
		</style>
		<!-- css代码 end -->
	</head>
	<body>
		<!-- html代码 start -->
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 id="title" class="mui-title">关联工作日志</h1>
		</header>
		<div class="mui-content"> 
			<div class="page_cen shadow title_num">服务通知编号：<span id="serviceNo"></span></div>
			<div class="item_box" id="item_box">
			</div>
		</div>
		<!-- html代码 end -->

		<!-- js代码 start -->

		<!-- 基础js start -->
		<script src="../../../../js/mui.min.js"></script>
		<script src="../../../../js/utils/h.js"></script>
		<script src="../../../../js/constant.js"></script>
		<script src="../../../../js/common.js"></script>
		<script src="../../../../js/utils/base64.js"></script>
		<script src="../../../../js/utils/md5.js"></script>
		<script src="../../../../js/utils/sortMap.js"></script>
		<script src="../../../../js/utils/http.js"></script>
		<script src="../../../../js/app.js"></script>
		<!-- 基础js end -->

		<script type="text/javascript" charset="utf-8">
			function initView(logList) {
				if (!logList) {
					return
				}
				logList = JSON.parse(logList)
				var str = ``;
				for (var i = 0; i < logList.length; i++ ) {
					str += `
						<div class="item">
							<div class="text">
								<img src="../../../../images/icon_202.png" />
								<div class="lolwidth">到达现场时间：</div> 
								${logList[i].arriveTime}
							</div>
							<div class="text">
								<img src="../../../../images/icon_202.png" />
								<div class="lolwidth">工作开始时间：</div> 
								${logList[i].startTime}
							</div>
							<div class="text">
								<img src="../../../../images/icon_202.png" />
								<div class="lolwidth">工作结束时间：</div> 
								${logList[i].endTime}
							</div>
							<div class="text">
								<img src="../../../../images/icon_218.png" />
								<div class="lolwidth">工作内容：</div> 
								${logList[i].workContent || ''}
							</div>
						</div>
					`;
				}
				h('#item_box').html(str);
			}
			
			(function($, doc) {
				$.init();

				$.plusReady(function() {
					var self = plus.webview.currentWebview();
					h('#serviceNo').html(self.serviceNo);
					var logList = self.logList;
					initView(logList);
				});
			}(mui, document));
		</script>
		<!-- js代码 end -->
	</body>
</html>
